<!DOCTYPE html>
<html lang="zh">

<head>
    <meta charset="UTF-8">
    <meta name="author" content="Eileen/个人网站">
    <link rel="icon" href="image/logo.png">
    <title>SW-Eileen</title>
    <link rel="stylesheet" href="style.css">

    <body>
        <div class="container">
            <div class="shou">
                <div class="header" id="b">
                    <div class="nav">
                        <img src="./image/logo.png" alt="">
                        <ul class="tab">
                            <li><a href="#b">首页</a></li>
                            <li><a href="#c">关于</a></li>
                            <li><a href="#d">作品</a></li>
                            <li><a href="#e">联系</a></li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="ren">
                <div class="hi">
                    <h3>hi,欢迎来到SW个人网站。在这里将为您呈现我的一些有关设计的作品，不足之处，请多指教。接下来，希望您能有一个愉悦的浏览体验。 </h3>
                </div>
                <div class="renr"> <img src="./image/renr.png" alt="" height="250px"></div>
            </div>
            <div class="lint" id="c"></div>
            <div class="about">
                <img src="image/me.png">
                <div class="numo">
                    <div class="wo">关于我</div>
                    <div class="eng">ABOUT ME</div>
                    <h5>hey！我是Eileen,一名正在努力赶往设计师身份道路上的大二学生，艺术与科技专业；同时也是一名热爱学习，积极向上的白羊女。我喜欢发现美、收集美、创造美。我的座右铭是：低级的欲望是通过放纵获得，高级的欲望是通过自律获得。</h5>
                </div>
            </div>
            <div class="lin" id="d"></div>
            <div class="wor">
                <div class="wora">作品works</div>
                <div class="tabt">
                    <a href="#r">手绘painting</a>
                    <a href="#s">软件ps</a>
                    <a href="#t">手工diy</a>
                    <a href="#u">摄影photography</a>
                </div>
            </div>
            <div class="lin" id="r"></div>
            <div class="contact">
                <div class="pai">
                    <h2>手绘painting</h2>
                    <div class="mida">
                        <div class="paia"> <img src="image/p1.jpg">
                            <p>说明：兴趣爱好，练习手绘能力。</p>
                        </div>
                        <div class="paib"><img src="image/p2.jpg">
                            <p>说明：兴趣爱好，练习手绘能力。</p>
                        </div>
                        <div class="paic"><img src="image/p3.jpg">
                            <p>说明：兴趣爱好，练习手绘能力。</p>
                        </div>
                        <div class="xx">
                            <div class="paid"><img src="image/p5.jpg">
                                <p>说明：色彩练习。</p>
                            </div>
                            <div class="paie"><img src="image/p6.jpg">
                                <p>说明：色彩练习。</p>
                            </div>
                            <div class="paif"><img src="image/p7.jpg">
                                <p>说明：色彩练习。</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="lin" id="s"></div>
                <div class="ps">
                    <h2>软件ps</h2>
                    <div class="midb">
                        <div class="psa"><img src="image/s1.jpg">
                            <p>说明：版式设计课程里的满版型排版方式</p>
                        </div>
                        <div class="psc"><img src="image/s3.jpg">
                            <p>说明：版式设计里关于建筑的画册的封面封底</p>
                        </div>
                        <div class="psd"><img src="image/s5.jpg">
                            <p>说明：手机app界面设计（关于学习英语）</p>
                        </div>
                        <div class="pse"><img src="image/s6.jpg">
                            <p>说明：手机app界面设计（关于学习英语）</p>
                        </div>
                    </div>
                </div>
                <div class="lin" id="t"></div>
                <div class="diy">
                    <h2>手工diy</h2>
                    <div class="midc">
                        <div class="diya"><img src="image/d1.jpg">
                            <p>说明：立体构成里的动手操作作业</p>
                        </div>
                        <div class="diyb"> <img src="image/d2.jpg">
                            <p>说明：立体构成里的动手操作作业</p>
                        </div>
                        <div class="diyc"> <img src="image/d3.jpg">
                            <p>说明：立体构成里的动手操作作业</p>
                        </div>
                    </div>
                </div>
                <div class="lin" id="u"></div>
                <div class="pho">
                    <h2>摄影photography</h2>
                    <div class="midd">
                        <div class="phoa"><img src="image/h1.jpeg">
                            <p>说明：灶火前烤火的猫咪</p>
                        </div>
                        <div class="phob"><img src="image/h2.jpeg">
                            <p>说明：飞驰而过的月亮</p>
                        </div>
                        <div class="phoc"><img src="image/h5.jpg">
                            <p>说明：夜晚里的校园一角</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="lin" id="e"></div>
            <!-- <div class="renr"> <img src="./image/renr.png" alt="" height="200px"></div> -->
            <div class="tit">
                <div class="rens"> <img src="./image/me.png" alt="" height="200px"></div>
                <div class="last">
                    <div class="eng">
                        <h1>联系我</h1>CONTACT ME</div>
                    <ul class="taba">
                        <li>QQ:2422525351 </li>
                        <li>微信:qOVOAOp</li>
                        <li>邮件：24222525352@qq.com</li>
                    </ul>
                    <div class="footer">desgin by yanyan Lei./2020/</div>
                </div>
            </div>
            <div class="lin"></div>
        </div>
        </div>




    </body>

</html>